<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon " type="images/x-icon" href="../Picture/navigation_icon.ico">
    <title>Navigation</title>
    <link rel="stylesheet" href="hm.css"> 
</head>
<body>
    
    <div class="header">
        <h1>Navigation</h1>
        <h6>Dedicated to Ms.Pledge</h6>
        <!-- <p>就是LOVE U</p> -->

        <!-- 必应搜索1 -->
        <center>  
        <form action="https://cn.bing.com/search" autocomplete="off">
           <input class="hei1" type="text" name=q  autofocus="autofocus" placeholder="输入搜索词">
        </form>
        </center> 
        
    </div>
       
      <div class="navbar">
        
        <a href="https://pan.baidu.com/">百度网盘</a>
        <a href="https://fanyi.sogou.com/text">搜狗翻译</a>
        <a href="https://3min-class.offcn.mobi/live/#/scanstep">中公教育</a>
        
        <a href="https://www.4399youpai.com/tv-my.html" class="right">串流码</a>
        <a href="https://www.4399youpai.com/509353.html" class="right">直播间</a>
        <a href="https://www.4399.com/" class="right">游戏</a>
        <a href="https://www.bilibili.com/" class="right">B站</a>
      </div>
       
    <div class="row">
        <div class="side">

            <h3>地理位置</h3>
            <!-- test3 -->
            <iframe id="iFrame1"
            title="Inline Frame Example"
            height="30%"
            src="https://www.openstreetmap.org/export/embed.html?bbox=116.0046121%2C29.6861431%2C116.0112621%2C29.6741511&layer=mapnik">
            </iframe>
            <h3>更多工具</h3>

            <div class="fakeimg2" style="height:60px;">
              <a href="https://www.runoob.com/">菜鸟教程</a>&nbsp;&nbsp;&nbsp;
              <a href="https://www.w3school.com.cn/">W3school</a>&nbsp;&nbsp;&nbsp;
              <a href="https://gitee.com/">Gitee</a>
              
            </div><br>

            <div class="fakeimg3" style="height:60px;">
              <a href="https://fanyi.sogou.com/text">搜狗翻译</a>&nbsp;&nbsp;&nbsp;
              <a href="https://pan.baidu.com/">百度网盘</a>&nbsp;&nbsp;&nbsp;
              <a href="https://www.iconfinder.com/search/?price=free">IconFinder</a>
            </div><br>

            <div class="fakeimg4" style="height:60px;">
              <a href="https://www.jju.edu.cn/">学院官网</a>&nbsp;&nbsp;&nbsp;
              <a href="https://zhjw1.jju.edu.cn/jwglxt/xtgl/login_slogin.html">教务系统</a>&nbsp;&nbsp;&nbsp;
              <a href="https://www.offcn.com/">中公教育</a>&nbsp;&nbsp;&nbsp;
              <a href="http://i.mooc.chaoxing.com/space/index?t=1591680601799">学习通</a>
            </div><br>

            <div class="fakeimg1" style="height:214px;"></div>

        </div>
      <div class="main">
          
            <h2>理想</h2>
            <h5>生活远比想象中委屈，但是你也远比想象中更强大呀。</h5>
            
            <div class="fakeimg5" style="height:200px;"></div>
            <p>帕斯捷尔纳克说：</p>
            <p>“星星应该哈哈大笑， 反正宇宙是个偏僻的地方。”</p>
            <br>
            
            <h2>思念</h2>
            <h5>是一盏苦茶</h5>
            <div class="fakeimg6" style="height:200px;"></div>
            <p>你说：</p>
            <p>“我在人间贩卖黄昏，只为收集时间的温柔去见你。”</p>
      </div>
    </div>
       
      <div class="footer">
        <h2>I will always maintain this website!</h2>
      </div>

      <!-- 谷歌页面翻译插件 -->
      <!-- 把button放在右下角，这个是可以随意修改的，你可以改成一个链接一个图片之类的 -->
      <div id="google_translate_element" style="position:absolute;bottom:10px;right:10px;z-index:2000;opacity:0.7"></div>
      <script>
        function googleTranslateElementInit() {
            new google.translate.TranslateElement(
                {
                    // pageLanguage: 'zh-CN',
                    // 需要翻译的语言，比如你只需要翻译成越南和英语，这里就只写en,vi
                    includedLanguages: 'en,zh-CN,hr,cs,da,nl,fr,de,el,iw,hu,ga,it,ja,ko,pt,ro,ru,sr,es,th',
                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
                    // 自动显示翻译横幅，就是翻译后顶部出现的那个
                    autoDisplay: true,
                    // 还有些其他参数，由于原插件不再维护，找不到详细api了，将就了，实在不行直接上dom操作
                },
                'google_translate_element' // 触发元素的id
            );
        }
    </script>
    <script src="https://translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit"></script>
    
    <div id="weather" style="position:absolute;top:2px;left:5px;z-index:2000;opacity:1">
      <iframe id="weather1"
      style="border: 0px;"
      width="250" 
      scrolling="no" 
      height="20" 
      frameborder="0" 
      allowtransparency="true" 
      src="https://i.tianqi.com?c=code&id=34&color=%23FFFFFF&icon=1&site=13">
      </iframe>
   </div>


</body>
</html>